<template>
    <div class="pagination">
        <el-pagination background layout="prev, pager, next" :page-size="page.size"  :total="page.total" @current-change="currentChangeEvent">
        </el-pagination>
    </div>
</template>

<script>
export default {
    props:['page'],
    methods:{
        currentChangeEvent(current){
            this.$emit('currentChangeEvent', current)
        }
    }
}
</script>

<style scoped>
    .el-pagination{
        margin-top: 10px;
        text-align: center;
    }
</style>